{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>创享博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">

    {#    <script type="text/javascript" src="{% static 'lib/editormd/jquery.min.js' %}"></script>#}

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}">
    <script src="{% static 'lib/editormd/editormd.min.js' %}"></script>
    <link rel="stylesheet" href="{% static 'background/css/font.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'lib/editormd/editormd.css' %}"/>

    <link rel="stylesheet" href="{% static 'lib/font-awesome/css/font-awesome.min.css' %}">

    <link rel="stylesheet" href="{% static 'css/stage.css' %}">

    <link rel="stylesheet" href="{% static 'css/avatar-bg.css' %}">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    {#    <script type="text/javascript" src="{% static 'background/lib/layui/layui.js' %}" charset="utf-8"></script>#}

    <link rel="stylesheet" href="{% static 'background/lib/layui/css/layui.css' %}">
        <style>
        .layui-layer-hui .layui-layer-content {
            color: #ffffff;
        }
    </style>
</head>

<body>
<header id="header">
    <div class="menu">
        <i class="fa fa-bars"></i>
    </div>
    <nav id="common-nav" class="navbar-fixed-top" style="background-color: #2C674B" style="color:white">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" style="margin-top: -5px;" href="/"><img class="navbar-logo"
                                                                                src="{% static 'images/icon.png' %}"
                                                                                height="30" width="30"/></a>
                <a class="navbar-brand" style="color: white;margin-top: 0px;" href="/">创享博客</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <img id="photo" src="{% static 'images/headProtraitSmall.png' %}" height="25" width="25"
                             style="margin-top: 15px"/>
                    </li>
                    <li>
                        <a class="a globalLoginBtn" href="#" style="color: white">登录/注册</a>
                    </li>
                    <li>
                        <a href="#" style="color: white; display: none" id="logout">注销</a>
                    </li>
                </ul>
                <form class="navbar-form navbar-right" action="/home" id="cse-search-box"
                      style="margin-top: 10px">
                    <input name="title" type="search" class="form-control input-sm" placeholder="标题">
                    <input name="classify" type="search" class="form-control input-sm" placeholder="分类">
                    <input type="submit" style="display:block;overflow:hidden;width:0px;height:0px;position:absolute">
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="/" style="color: white">主页</a>
                    </li>
                    <li>
                        <a href="/home" style="color: white">博客</a>
                    </li>
                    <li><a href="/login" style="color: white">后台管理</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="header-main">
        {#        <h1>#}
        {#            <a href="/">—— 创享 ——</a>#}
        {#        </h1>#}
    </div>
    <div id="nav">
        <div class="nav-img" id="nav-img">
        </div>
    </div>
</header>

<div id="content-outer">
    <div id="content-inner">
        <div class="clearfix">

            <div class="layui-form-item">
                <label class="layui-form-label">标题</label>
                <div class="layui-input-block">
                    <input id="title" type="text" name="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">正文</label>
                <div id="layout" class="editor">
                    <div id="test-editormd">
                        <textarea></textarea>
                    </div>
                    <div style="background-color:white;padding: 10px">
                        分类：
                        <select id='checkedLevel' style="width:120px;height:25px;">
                            <option value="1">新闻</option>
                            <option value="2">日常</option>
                            <option value="3">记录</option>
                        </select>
                        <button id="submit" type="submit"
                                style="float: right;width:80px;border:none ;border-radius:5px;background-color: rgb(74, 158, 108);color: #fff;margin-bottom: 30px;">
                            提交
                        </button>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<footer id="footer">
    <div id="copyright">Copyright ©2020</div>
    <div id="theme">
        Designed by <a href="#" target="_blank" rel="noopener">WengDifei XuJianan XueHongtao FengXuyang</a>
    </div>
</footer>
<div class="modal fade" id="loginModal" style="display:none;">
    <div class="modal-dialog modal-sm" style="width:540px;">
        <div class="modal-content" style="border:none;">
            <div class="col-left"></div>
            <div class="col-right">
                <div class="modal-header">
                    <button type="button" id="login_close" class="close" data-dismiss="modal"><span
                            aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="loginModalLabel" style="font-size: 18px;">登录</h4>
                </div>
                <div class="modal-body">
                    <section class="box-login v5-input-txt" id="box-login">
                        <form id="login_form" action="" method="post" autocomplete="off">
                            <input id="id_account_l" name="username" placeholder="用户名" type="text" lay-verify="required"
                                   class="layui-input">
                            <hr class="hr15">
                            <input id="id_password_l" name="password" lay-verify="required" placeholder="密码"
                                   type="password"
                                   class="layui-input">
                            <hr class="hr15">
                        </form>
                        <div id="switcherRegister">
                            <p class="good-tips marginB10"><a id="btnForgetpsw" class="fr">忘记密码？</a>还没有账号？<a
                                    id="btnRegister">立即注册</a></p>
                        </div>
                        <div id="switcherLogin" style="display:none;">
                            <p class="good-tips marginB10">已有账户？<a id="btnLogin">立即登录</a></p>
                        </div>
                        <div class="login-box marginB10">
                            <input id="login_btn" class="btn btn-micv5 btn-block globalLogin" value="登录" lay-submit
                                   lay-filter="login"
                                   style="width:100%;" type="submit">
                            <hr class="hr20">
                            <div id="login-form-tips" class="tips-error bg-danger" style="display: none;">错误提示</div>
                        </div>

                    </section>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="{% static 'lib/js/waterrippleeffect.min.js' %}"></script>
<script src="{% static 'js/header-bg.main.js' %}"></script>
<script src="{% static 'lib/js/cav.js' %}"></script>
<script src="{% static 'js/avatar-bg.main.js' %}"></script>
<script type="text/javascript" src="{% static 'background/lib/layui/layui.js' %}" charset="utf-8"></script>
<script type="text/javascript" src="{% static 'js/modal.js' %}"></script>
<script type="text/javascript" src="{% static 'js/script.js' %}"></script>
<script src="{% static 'js/base.js' %}"></script>
<script src="{% static 'js/edit.js' %}"></script>
</body>
</html>
